<!doctype html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>{$title}</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <link rel="stylesheet" type="text/css" href="/js/bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="/css/pay.css"/>
    <script type="text/javascript" src="/js/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="/js/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
    <div class="container">
        <div class="row">
            <div class='img-block well col-md-12'>
                <div class="pay_success-ico">
                    <span class="glyphicon glyphicon-ok"></span>
                </div>
            </div>

            <!--显示文字-->
            <div class="col-md-12">
                <p class="pay-success-msg">支付成功</p>
                <p class="pay-success-desc">感谢您的支持，祝您夺宝愉快</p>
            </div>
            <div class="col-md-12" id="topic-iphone" style="display: none;">
                <p style="text-align: center;"><a href="weixin://profile/{$wx_id}">返回微信</a></p>
            </div>
            <div class="col-md-12" id="topic-android" style="display: none;">
                <p class="well" style="text-align: center;">返回微信进行夺宝吧</p>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        $(function(){
            var ua = navigator.userAgent.toLowerCase();
            if (ua.indexOf('iphone') != -1 || ua.indexOf('ipad') != -1 || ua.indexOf('ipod') != -1) {
                $('#topic-iphone').css('display','block');
            } else {
                $('#topic-android').css('display','block');
            }

        });
    </script>
</body>
</html>